<!DOCTYPE HTML>
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/doc.css">
<link rel="stylesheet" type="text/css" href="css/xian.css">
<script type="text/javascript">
	function lispick0() {
		document.getElementById("buttonok").style.display="none";
		document.getElementById("colorpick").style.display="block";
	}
	function lispick1() {
		document.getElementById("colorpick").style.display="none";
		document.getElementById("colorred").style.display="block";
	}
	function lispick2() {
		document.getElementById("colorpick").style.display="none";
		document.getElementById("colorgreen").style.display="block";
	}
	function lispick3() {
		document.getElementById("colorpick").style.display="none";
		document.getElementById("colorblue").style.display="block";
	}
	function lispick4() {
		document.getElementById("colorpick").style.display="none";
		document.getElementById("colorpurple").style.display="block";
	}
	function lispick5() {
		document.getElementById("colorpick").style.display="none";
		document.getElementById("colororange").style.display="block";
	}
	function lispick6() {
		document.getElementById("colorpick").style.display="none";
		document.getElementById("colorgrey").style.display="block";
	}
</script>
<title>新东方听力测评</title>
</head>
<body>
<div id="header" style="padding-top:10%;">
	<img src="img/logo.png"><p>听力测试耳机、选题阶段</p>
</div>
<div class="testcontent">
	<div class="testtitle">	【戴上耳机，世界就是你的】如果听不清、听不见请联系你附近的老师。你会看见老师会以光速冲刺到你身边，第一时间帮你调试。</div>
</div>
<div id="audioplayer">
	<div><audio src="mp3/pre.mp3" controls preload autoplay></audio></div>
	<div class="buttonup" id="buttonok"><button class="btn btn-large btn-info" onclick="lispick0()">我听得很清楚</button></div>
</div>

<div class="testcontent" id="colorpick" style="display:none;">
	<div class="testtitle">
	请选择最符合你现在心情的颜色_______.
	</div>
	<div class="colorpick">
		<ul>
		<li><div class="buttonred" onclick="lispick1()"></div></li>
		<li><div class="buttongreen" onclick="lispick2()"></div></li>
		<li><div class="buttonblue" onclick="lispick3()"></div></li>
		<li><div class="buttonpurple" onclick="lispick4()"></div></li>
		<li><div class="buttonorange" onclick="lispick5()"></div></li>
		<li><div class="buttongrey" onclick="lispick6()"></div></li>
		</ul>
	</div>
</div>
<!--红色测试开始-->
<div class="testcontent" id="colorred" style="display:none;">
	<div class="testtitle">
	红色，代表激情和热烈，最强有力的色彩。
	</div>
	<div class="colorpick">
		<ul>
		<li><div class="buttonred"></div></li>
		</ul>
		<a href="paper/listentest1.html" target="_self"><button class="btn btn-large btn-info">开始听力答题</button></a>
	</div>
</div>
<!--绿色测试开始-->
<div class="testcontent" id="colorgreen" style="display:none;">
	<div class="testtitle">
	绿色，代表青春和春天，最具有活力的色彩。
	</div>
	<div class="colorpick">
		<ul>
		<li><div class="buttongreen"></div></li>
		</ul>
		<a href="paper/listentest2.html" target="_self"><button class="btn btn-large btn-info">开始听力答题</button></a>
	</div>
</div>
<!--绿色测试开始-->
<div class="testcontent" id="colorblue" style="display:none;">
	<div class="testtitle">
	蓝色，代表庄重和诚实，最具有魅力的色彩。
	</div>
	<div class="colorpick">
		<ul>
		<li><div class="buttonblue"></div></li>
		</ul>
		<a href="paper/listentest3.html" target="_self"><button class="btn btn-large btn-info">开始听力答题</button></a>
	</div>
</div>
<!--绿色测试开始-->
<div class="testcontent" id="colorpurple" style="display:none;">
	<div class="testtitle">
	紫色，代表浪漫、神秘和爱情，最幸福的色彩。
	</div>
	<div class="colorpick">
		<ul>
		<li><div class="buttonpurple"></div></li>
		</ul>
		<a href="paper/listentest4.html" target="_self"><button class="btn btn-large btn-info">开始听力答题</button></a>
	</div>
</div>
<!--绿色测试开始-->
<div class="testcontent" id="colororange" style="display:none;">
	<div class="testtitle">
	橙色，代表活泼和阳光，让人想到荷兰和郁金香，最富足、温暖的色彩。
	</div>
	<div class="colorpick">
		<ul>
		<li><div class="buttonorange"></div></li>
		</ul>
		<a href="paper/listentest5.html" target="_self"><button class="btn btn-large btn-info">开始听力答题</button></a>
	</div>
</div>
<!--绿色测试开始-->
<div class="testcontent" id="colorgrey" style="display:none;">
	<div class="testtitle">
	灰色，代表阴郁和神秘，酷是灰色的代名词。
	</div>
	<div class="colorpick">
		<ul>
		<li><div class="buttongrey"></div></li>
		</ul>
		<a href="paper/listentest6.html" target="_self"><button class="btn btn-large btn-info">开始听力答题</button></a>
	</div>
</div>

<div id="footer">新东方西安学校</div>
</body>
</html>